<template>
    <spin fix>
        <icon type="load-c" size=18  class="demo-spin-icon-load"></icon>
        <div>Loading</div>
    </spin>
</template>

<script>
  export default {}
</script>


<style scoped>
    .demo-spin-icon-load {
        animation: ani-demo-spin 1s linear infinite;
    }

    @keyframes ani-demo-spin {
        from {
            transform: rotate(0deg);
        }
        50% {
            transform: rotate(180deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    .demo-spin-col {
        height: 100px;
        position: relative;
        border: 1px solid #eee;
    }
</style>
